<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="demo.css">
  </head>
  <body>
    <div class="container">
      <header>
        <h1>相册</h1>
      </header>
      <div class="content">
        <div class="main">
          <div class="btn-group">
            <input type="button" name="" value="创建相册" onclick="createAlbumFn()">
            <!-- <input type="button" name="" value="创建相册" onclick="showImg(0, 10)"> -->
            <input type="button" id="uploadImg" name="" value="上传图片">
            <input type="file" name="" value="">
          </div>
          <ul class="img-group">
            <li><img src="p.jpg"><span>x</span></li>
            <li><img src="p.jpg"><span>x</span></li>
          </ul>
          <ul class="page">
            <li>
              <a href="#">首页</a>
            </li>
            <li>
              <a href="#">上一页</a>
            </li>
            <li>
              <a href="#">1</a>
            </li>
            <li>
              <a href="#">下一页</a>
            </li>
            <li>
              <a href="#">尾页</a>
            </li>
          </ul>
        </div>
        <div class="menu">
          <ul>
            <li>
              <a href="#">默认<span>x</span></a>
            </li>
            <li>
              <a href="#">精通Node.js书内图片<span>x</span></a>
            </li>
            <li>
              <a href="#">全部<span>x</span></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </body>
  <script src="demo.js" charset="utf-8"></script>
</html>
